<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<body>
	<ui:composition>

		<!--Start Carousel-->
		<div id="myCarousel" class="carousel slide">
			<div class="carousel-inner">
				<div class="item active">
					<img src="templates/img/featured/1.jpg" alt="" />
					<div class="carousel-caption">
						<h4>Learn embroidery in Chili</h4>
						<p>Cras justo odio, dapibus ac facilisis in, egestas eget
							quam. Donec id elit non mi porta gravida at eget metus. Nullam id
							dolor id nibh ultricies vehicula ut id elit.</p>
					</div>
				</div>
				<div class="item">
					<img src="templates/img/featured/2.jpg" alt=""></img>
					<div class="carousel-caption">
						<h4>Make barrels in France</h4>
						<p>Cras justo odio, dapibus ac facilisis in, egestas eget
							quam. Donec id elit non mi porta gravida at eget metus. Nullam id
							dolor id nibh ultricies vehicula ut id elit.</p>
					</div>
				</div>
				<div class="item">
					<img src="templates/img/featured/3.jpg" alt=""></img>
					<div class="carousel-caption">
						<h4>Drive a taxi in New-York</h4>
						<p>Cras justo odio, dapibus ac facilisis in, egestas eget
							quam. Donec id elit non mi porta gravida at eget metus. Nullam id
							dolor id nibh ultricies vehicula ut id elit.</p>
					</div>
				</div>
			</div>
			<a class="left carousel-control" href="#myCarousel" data-slide="prev"><img
				src="templates/img/arrow.png" alt="Arrow" /></a> <a
				class="right carousel-control" href="#myCarousel" data-slide="next"><img
				src="templates/img/arrow2.png" alt="Arrow" /></a>
		</div>
		<!--End Carousel-->

	</ui:composition>

</body>
</html>